<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>预约详情</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet" />
    <style>
        body{
            font-family: "微软雅黑";
        }
        .mui-badge{
            font-size: 16px;
            line-height: 1;
            display: inline-block;
            padding: 3px 6px;
            color: #333;
            background-color:#FFFFFF;
        }
        .mui-card .mui-control-content {
            padding: 10px;
        }
        .mui-control-content {
            height: 150px;
        }
    </style>
</head>
<body>
    <div class="mui-content">
        <div style="padding: 10px 10px; margin-top:10px;">
            <div id="segmentedControl" class="mui-segmented-control">
                <a class="mui-control-item mui-active" href="#item2">
                    未占用详情					</a>
                <a class="mui-control-item" href="#item1">
                    已占用详情
                </a>
            </div>
        </div>
        <div>
            <div id="item1" class="mui-control-content ">
                <div id="scroll" >
                    <?php foreach($use_syqk as $k=>$v){ ?>
                    <ul class="mui-table-view" style="margin-bottom:20px;">
                        <li class="mui-table-view-cell">主持人:<span class="mui-badge"><?php echo $v['user']['host_name']; ?></span></li>
                        <li class="mui-table-view-cell">占用时间:<span class="mui-badge"><?php echo $v['date_time']; ?></span></li>
                        <li class="mui-table-view-cell">占用部门:<span class="mui-badge"><?php echo $v['user']['cb_bumen']; ?></span></li>
                    </ul>
                    <?php } ?>
                </div>
            </div>
            <div id="item2" class="mui-control-content mui-active">
                <?php foreach($wei_syqk as $k=>$v){ ?>
                <ul class="mui-table-view" style="margin-bottom:20px;">
                    <li class="mui-table-view-cell">未占用时间:<span class="mui-badge"><?php echo $v; ?></span></li>
                    <!--<ul class="mui-table-view">不知所谓</ul>-->
                    <li class="mui-table-view-cell  mui-badge-primary">
                        <a href="{:U('reserve',array('id'=>$id,'date'=>$date,'sjd'=>$sjd,'use_time'=>$v))}" class="mui-navigate-right">点击发起预约</a>
                    </li>
                </ul>
                <?php } ?>
            </div>
        </div>
    </div>
</body>
<script src="__PUBLIC__/Home/js/mui.min.js"></script>
<script type="text/javascript">
    mui.init()
</script>
</html>